<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>Document</title>

  <link rel="stylesheet" href="../css/adapt.css" />
  <link rel="stylesheet" href="../fonts/iconfont.css" />
  <script src="../js/adapt.min.js"></script>
  <link rel="stylesheet" href="../css/swiper.min.css" />
  <link rel="stylesheet" href="../css/guide.css" />
 </head>
 <body>
  <header>
   <div class="swiper-container">
    <div class="swiper-wrapper">
     <div class="swiper-slide">
      <div>
       <div>
        <h1>ELLE</h1>
        <h4>SHOP</h4>
       </div>
      </div>
      <div>欢迎使用ELLESHOP</div>
      <div>你的私人买手，我的时尚顾问</div>
     </div>
     <div class="swiper-slide">
      <div>
       <img src="../img/4.jpg" alt="" />
      </div>
      <h1>急速购物</h1>
      <div>零假货海外购物，顺丰包邮</div>
      <div>全国72小时到货</div>
     </div>
     <div class="swiper-slide">
      <div>
       <img src="../img/5.jpg" alt="" />
      </div>
      <h1>时尚顾问</h1>
      <div>ELLEshop是明星的时尚顾问</div>
      <div>也是你的私人买手</div>
     </div>
     <div class="swiper-slide">
      <div>
       <img src="../img/6.jpg" alt="" />
      </div>
      <h1>新款特卖</h1>
      <div>打折不等于过季，买大牌新款更划算</div>
      <div></div>
     </div>
     <div class="swiper-slide">
      <div>
       <img src="../img/7.jpg" alt="" />
      </div>
      <h1>一键海淘</h1>
      <div>告别海外支付/转运/清关的繁琐过程</div>
      <div></div>
     </div>
    </div>
    <div class="swiper-pagination"></div>
    <!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
   </div>
  </header>
  <section>
   <div>
    <button class="login">登录</button>
   </div>
   <div>
    <button class="register">立即加入</button>
   </div>
   <div class="youke">以访客身份继续</div>
  </section>
  <footer></footer>
  <script src="../js/jquery-1.11.0.min.js"></script>
  <script src="../js/guide.min.js"></script>
  <script src="../js/swiper.min.js"></script>

  <script>
   var mySwiper = new Swiper('.swiper-container', {
    pagination: {
     el: '.swiper-pagination',
    },
   });
  </script>
 </body>
</html>
